//JavaScript代码区域
layui.use(['element', 'tree','table', 'jquery'], function () {
    var element = layui.element, $ = layui.jquery,table=layui.table;
    $(".layui-nav-fold").click(function () {
        $(this).parent().siblings("li").removeClass("layui-nav-itemed");
    })
//触发事件
    var active = {
        tabAdd: function (othis) {
            var obj = JSON.parse(othis.attr('options'));
            $.ajax({
                url: obj.url,
                type: "POST",
                dataType: "html",
                success: function (html) {
                    //新增一个Tab项
                    element.tabAdd('demo', {
                        title: obj.text, //用于演示
                        content:html,
                        id: obj.id
                    })
                    //添加完tab后要切换到新添加的tab
                    active['tabChange'].call(this, obj.id);
                }
            })
        }
        , tabDelete:
            function (tabID) {
                //删除指定Tab项
                element.tabDelete('demo', tabID); //删除：“商品管理”
            }
        ,
        tabChange: function (tabID) {
            //切换到指定Tab项
            element.tabChange('demo', tabID); //切换到：用户管理
        }
    };
    //给菜单栏绑定点击事件，进行tab页操作
    $(document).on("click", '.site-demo-active', function () {
        //点击的导航栏
        var othis = $(this);
        //获取当前点击的菜单对应的tab页。如果存在，则length大于0.直接切换。否则创建新的
        var li = $("li[lay-id=" + othis[0].id + "]").length;
        if (li > 0) {
            //tab已经存在直接切换tab
            active['tabChange'].call(this, othis[0].id);
        } else {
            //创建tab
            active['tabAdd'].call(this, othis);
        }
    });
});